<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/head.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<script type="text/javascript" src="js/font.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<link rel="stylesheet" href="icon/iconfont.css">
	<!-- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

	 可选的 Bootstrap 主题文件（一般不用引入） -->
	<!-- <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
 -->
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<!-- <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> --> 
</head>
<body>

	<header>
		<a href=""><img src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201803/moban2758/assets/images/logo.png" alt=""><span>MED</span><span>LINE</span></a>
		<nav>
			<a href="head.html">Home</a>
			<a href="about.html">About</a>
			<a href="">Services</a>
			<a href="">Single Service</a>
			<a href="">Contact</a>
		</nav>
	</header>
	<section>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<img src="img/1.jpg" alt="" class="swiper-slide">
				<img src="img/2.jpg" alt="" class="swiper-slide">
				<img src="img/3.jpg" alt="" class="swiper-slide">
			</div>
			<div class="box">
				<h2>Main Heading</h2>
				<h2>Some Caption <span>Here</span></h2>
				<p>Lorem Ipsum is simply dummy text printer took a galley of type and scrambled it to make a type specimen book ...</p>
				<a href="">Read More</a>
			</div>
		</div>
		<div class="list">
			<ul>
				<li>
					<i class="iconfont">&#xe607;</i>
					<h4>Qualified Doctors</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just non odio molestie ...</p>

					<a href="">Read More</a>
				</li>
				<li>
					<i class="iconfont">&#xe683;</i>
					<h4>Qualified Doctors</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just non odio molestie ...</p>
					<a href="">Read More</a>
					
						
				</li>

				<li>
					<i class="iconfont">&#xe62a;</i>
					<h4>Qualified Doctors</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just non odio molestie ...</p>
					<a href="">Read More</a>
				</li>
				<li>
					<i class="iconfont">&#xe612;</i>
					<h4>Qualified Doctors</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just non odio molestie ...</p>
					<a href="">Read More</a>
				</li>
			</ul>
		</div>


		<div class="doctor">
			<div class="left">
				<h2 class="main-heading1 lite">We Offer Fast &amp; Reliable</h2>
				<h2 class="main-heading2">Medical &amp; Healthcare</h2>
				<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using content.</p>
				<p>Making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose. Various versions have evolved over the years, sometimes by accident, sometimes on purpose.</p>

			</div>
			<div class="right">
				<img src="img/4.jpg" alt="">
			</div>
			
		</div>


		<div class="meet">
			<div class="top">
				<h2><span class="lite">Meet Our</span> Doctors</h2>
				<p>Making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident.  Various versions have evolved over the years, sometimes by accident.</p>

			</div>
			<div class="bot">
				<ul>
					<li>
						<img src="img/5.jpg" alt="">
						<h5>Dr. Tom Smith</h5>
						<p class="designation">Surgeon</p>
						<b>-<i class="iconfont">&#xe71e;</i>-</b>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since type specimen book ...</p>
						<a href="">Book An Appointment</a>
					</li>
					<li>
						<img src="img/5.jpg" alt="">
						<h5>Dr. Tom Smith</h5>
						<p class="designation">Surgeon</p>
						<b>-<i class="iconfont">&#xe71e;</i>-</b>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since type specimen book ...</p>
						<a href="">Book An Appointment</a>
					</li>
					<li>
						<img src="img/5.jpg" alt="">
						<h5>Dr. Tom Smith</h5>
						<p class="designation">Surgeon</p>
						<b>-<i class="iconfont">&#xe71e;</i>-</b>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since type specimen book ...</p>
						<a href="">Book An Appointment</a>
					</li>
					<li>
						<img src="img/5.jpg" alt="">
						<h5>Dr. Tom Smith</h5>
						<p class="designation">Surgeon</p>
						<b>-<i class="iconfont">&#xe71e;</i>-</b>
						<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since type specimen book ...</p>
						<a href="">Book An Appointment</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="icon">
			<h2 class="main-heading1 lite">Our Best</h2>
			<h2 class="main-heading2">Medical Services</h2>
			<div class="font">
				<ul>
					<li>
						<i class="iconfont">&#xe68b;</i>
						<h5>Dental Care</h5>
						<p>Lorem Ipsum is simply dummy text ...</p>
						<a href=""><i class="iconfont">&#xe6dc;</i>Read More</a>
					</li>
					<li>
						<i class="iconfont">&#xe68a;</i>
						<h5>Dental Care</h5>
						<p>Lorem Ipsum is simply dummy text ...</p>
						<a href=""><i class="iconfont">&#xe6dc;</i>Read More</a>
					</li>
					<li>
						<i class="iconfont">&#xe67a;</i>
						<h5>Dental Care</h5>
						<p>Lorem Ipsum is simply dummy text ...</p>
						<a href=""><i class="iconfont">&#xe6dc;</i>Read More</a>
					</li>
					<li>
						<i class="iconfont">&#xe67d;</i>
						<h5>Dental Care</h5>
						<p>Lorem Ipsum is simply dummy text ...</p>
						<a href=""><i class="iconfont">&#xe6dc;</i>Read More</a>
					</li>
					<li>
						<i class="iconfont">&#xe68f;</i>
						<h5>Dental Care</h5>
						<p>Lorem Ipsum is simply dummy text ...</p>
						<a href=""><i class="iconfont">&#xe6dc;</i>Read More</a>
					</li>
					<li>
						<i class="iconfont">&#xe642;</i>
						<h5>Dental Care</h5>
						<p>Lorem Ipsum is simply dummy text ...</p>
						<a href=""><i class="iconfont">&#xe6dc;</i>Read More</a>
					</li>
				</ul>
			</div>
		</div>
	</section>
	<footer>
		<div class="foot">
			<ul>
				<li>
					<h4>Information</h4>
					<p>Lorem Ipsum passages, and more recently with desktop publishing ...</p>
					<b><i class="iconfont">&#xe687;</i>+1 888 888 8888</b>
					<b><i class="iconfont">&#xe68e;</i>info@yoursite.com</b>
					<b><i class="iconfont">&#xe68a;</i>221B Baker Street, London, UK</b>
					<b><i class="iconfont">&#xe6b5;</i>Mon - Sat 9:00 - 20:00</b>
				</li>
				<li>
					<h4>Services</h4>
					<b><i class="iconfont">&#xe6d6;</i>Pediatric Clinic</b>
					<b><i class="iconfont">&#xe6d6;</i>Diagnosis Clinic</b>
					<b><i class="iconfont">&#xe6d6;</i>Cardiac Clinic</b>
					<b><i class="iconfont">&#xe6d6;</i>Dental Clinic</b>
					<b><i class="iconfont">&#xe6d6;</i>Gynecological Clinic</b>
					<b><i class="iconfont">&#xe6d6;</i>Psychological</b>
				</li>
				<li>
					<h4>Testimonials</h4>
					<span>John Doe on</span>
					<p>Lorem Ipsum passages ...</p>
					<span>John Doe on</span>
					<p>Lorem Ipsum passages ...</p>
					<span>John Doe on</span>
					<p>Lorem Ipsum passages ...</p>
					<span>John Doe on</span>
					<p>Lorem Ipsum passages ...</p>
				</li>
				<li>
					<h4>Newsletter</h4>
					<input type="text" placeholder="Enter Your Name">
					<input type="email" class="form-control" placeholder="Enter Your E-Mail">
					<button type="submit" class="btn btn-lg btn-block btn-secondary">Submit</button>
				</li>
			</ul>
		</div>
	</footer>

	<script src="js/swiper.min.js"></script>

	<script type="text/javascript">
		var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
	</script>
</body>
</html>